<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input type="text" class="user">
    <br>
    <input type="text" class="pwd">
    <br>
    <button>注册</button>



    <script>


        // jsonp 的解决方案
        //    后端返回一个函数调用 

        //    前端定义这个函数 --- 有参数(这个参数就是实际请求的数据)



        //  只能处理Get请求   无法处理post请求




        const oUser = get('.user');
        const oPwd = get('.pwd');
        const oBtn = get('button');

        function get(ele) {
            return document.querySelector(ele)
        }


        oBtn.onclick = function () {
            const username = oUser.value;
            const password = oPwd.value;


            // 动态创建script标签
            const oScript = document.createElement('script');

            oScript.src = `http://localhost/wh2212/day27/%E8%AF%BE%E5%A0%82%E4%BB%A3%E7%A0%81/php/reg_jsonp.php?username=${username}&password=${password}`;
            // 插入
            document.body.appendChild(oScript);



        }


        function cc(res) {
            console.log(res);
            const { status, msg } = res;
            // if (status) {

            // }
        }


    </script>


</body>

</html>